<template>
  <div class="warp">
    <div>
      <ul>
        <li>中国大陆版-河北</li>
        <li>你好,请登录</li>
        <li>切换至企业版</li>
      </ul>
    </div>
    <div>
      <ul>
        <li>购物车</li>
        <li>我的订单</li>
        <li>我的京东</li>
        <li>企业才购</li>
        <li>商家服务</li>
        <li>网页导航</li>
        <li>手机京东</li>
        <li>网站无障碍</li>
      </ul>
    </div>
  </div>
</template>

<script setup>

</script>

<style scoped>


.warp {
  width: 80%;
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
  font-size: 12px;
}
.warp ul {
  display: flex;
  list-style: none;
  padding: 8px 0px;
  margin: 0;
  flex-wrap: wrap;
}

.warp li {
  margin-right: 10px;
  font-size: 12px;
  color: #666;
  cursor: pointer;
}
.warp li:hover {
  color: #ff6700;
}
</style>